<!-- 模板的使用 -->

<!-- 引入vue框架 --> 
<script src="vue.js"></script> 

<!-- 界面显示 -->
<div id="app">
     <p>{{title}}</p > 
     <mcomponent></mcomponent> 
 </div> 

 <!-- 模板定义 --> 
 <template id="temp"> 
     <p>{{title}}</p > 
 </template> 
 <!-- 脚本声明 --> 
 <script> 
 // 模板绑定,模板标签名称 
 Vue. component('mcomponent', { 
     // 组件当中的数据声明 
     data(){ 
         return { 
            title:"组件标题名称" 
        }
 }, 
 // 绑定模板 
 template:'#temp1' 
 });
 //vue对象创建
 var vue=new Vue({
    el: '#app',
    data:{
        title:"我是主页面标题"
    }
 });

 </script>